<template>
  <a-card title="动态">
    <a-list item-layout="horizontal" :data-source="lists">
      <a-list-item slot="renderItem" slot-scope="item">
        <a-list-item-meta
          :description="item.created | filterTime"
        >
          <a slot="title" href="https://www.antdv.com/">{{ item.title }}</a>
          <a-avatar
            slot="avatar"
            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
          />
        </a-list-item-meta>
      </a-list-item>
    </a-list>
  </a-card>
</template>

<script>
export default {
  name: "Dynamic",
  data() {
    return {
      lists: [
        {
          title: "木木 在 高逼格设计天团 新建项目 八月迭代",
          created: '2021-02-12 12:12:12'
        },
        {
          title: "木木 在 ...",
          created: '2021-07-12 12:12:12'
        },
        {
          title: "木木 在 ...",
          created: '2021-08-24 12:12:12'
        },
        {
          title: "木木 在 ...",
          created: '2021-08-20 12:12:12'
        },
        {
          title: "木木 在 高逼格设计天团 新建项目 八月迭代",
          created: '2021-02-12 12:12:12'
        },
        {
          title: "木木 在 ...",
          created: '2021-07-12 12:12:12'
        }
      ],
    };
  },
};
</script>
